/* bubble style */

body{
    background-color: #F2F2F2;
}

.sender {
    clear: both;
}

.content{
    font-size:10pt;
    margin-top: 10px;
    max-width: 80vw;
    word-wrap:break-word;
    word-break:normal;
}

.content img{
    max-width: 400px;
    vertical-align: middle;
    border-radius: 5px;
}
.emoj {
    width: 25x; /* 设置宽度为100像素 */
    height: 25px; /* 设置高度为100像素 */
    vertical-align: middle;
    border-radius: 0px;
}
.sender div:nth-of-type(1) {
    float: left;
}

.sender div:nth-of-type(2) {
    background-color: #F5F5F5;
    float: left;
    margin: 5px 20px 10px 15px;
    padding: 10px 10px 10px 0px;
    border-radius: 7px;
}

.receiver div:first-child img,
.sender div:first-child img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.receiver {
    clear: both;
}

.receiver div:nth-child(1) {
    float: right;
}

.receiver div:nth-of-type(2) {
    float: right;
    background-color:#95EC69;
    margin: 5px 20px 10px 15px;
    padding: 10px 0px 10px 10px;
    border-radius: 7px;
}

.left_triangle {
    height: 0px;
    width: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #F5F5F5 transparent transparent;
    position: relative;
    left: -16px;
    top: 3px;
}

.right_triangle {
    height: 0px;
    width: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #95EC69;
    position: relative;
    right: -16px;
    top: 3px;
}